import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

// 引入路由模块
/**
 * as 给引入的路由模式起别名
 * （当前为 history 路由模式）
 * （另一个是 HashRouter Hash模式 ）
 */
import { BrowserRouter as Router } from "react-router-dom";
/* import { Provider } from "react-redux";
import store from "./store"; */

ReactDOM.render(
	// <Provider store={store}>
	<Router>
		<App />
	</Router>,
	// </Provider>
	document.querySelector("#root")
);

/**
 * 需要安装的第三方包
 * 1、npm i -S axios
 * 2、npm i -D http-proxy-middleware （代理模块）
 * 3、npm i -D customize-cra react-app-rewired（装饰器模块）
 *   3.1更改json下的此代码
 *  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }
    3.2在项目根目录中添加config-overrides.js
    const path = require('path')
    const {addDecoratorsLegacy, override} = require('customize-cra')
    const customize = () => (config) => {
      config.resolve.alias['@'] = path.join(__dirname, 'src')
      return config
    }
    module.exports = override(
      addDecoratorsLegacy(),
      customize())
  *4、npm i -S redux （安装redux）
  *5、npm i -S react-redux （安装react-redux）
  *6、npm i -S redux-thunk （安装中间件）
  *7、npm i -S react-router-dom （安装路由）
  *8、npm i -S prop-types （类型限制）
  *9、npm i -D redux-devtools-extension（调试工具）
  *10、npm i -S immutable（immutable数据结构化管理）
  *11、npm i -S redux-immutable （合并redux和immutable）
  *12、npm i -S memoize-one（计算属性）
  *13、npm i -S styled-components（css样式作用域）
 */
